<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户管理系统</title>
    <link rel="stylesheet" href="index_1.css">
    <script src="index_1.js"></script>
</head>
<body>
<form action="" method="">
    <br>
    <button class="btn" data-type="search" id="searchStudent">搜索</button>
    <br>
    <label for="iptId">Id</label>
    <input type="text" name="id" id="iptId" class="input" placeholder="输入ID号"/>

    <label for="iptName">用户名字</label>
    <input type="text" name="id" id="iptName" class="input" placeholder="输入用户名字"/>
    <label for="iptPassword">用户密码</label>
    <input type="password" name="id" id="iptPassword" class="input" placeholder="输入用户密码"/>
    <label for="iptSex">性别</label>
    <input type="text" name="id" id="iptSex" class="input" placeholder="输入性别"/>
    <label for="iptClass">班级</label>
    <input type="text" name="id" id="iptClass" class="input" placeholder="输入班级"/>
</form>
<input class="btn" type="button" value="添加" onclick="add()">
<input class="btn" type="button" value="刷新" onclick="refresh()">
<input class="btn" type="button" value="查询" onclick="getById()">
<input class="btn" type="button" value="确认修改" onclick="onUpdate()">
<table>
    <thead>
    <tr>
        <th>Id</th>
        <th>名字</th>
        <th>密码</th>
        <th>性别</th>
        <th>班级</th>
    </tr>
    </thead>
    <tbody id="users">

    </tbody>
</table>
</body>
</html>
